<template>
	<view >
		<view v-for="(val,key) in maps" :key="key">
			<view class="padding font-size-30 font-weight-600 text-color-h">{{key}}</view>
			<view class="" style="background-color: #FFFFFF;">
				<view class=" padding flex justify-between flex-align-items" style="border-bottom: 1rpx solid #F1F1F1;"
				v-for="(item,index) in val" :index="index" @tap="click(item)">
					<text>{{item}}</text>
					<text class="iconfont icon-you text-color-h"></text>
				</view>
			</view>
		</view>
		<view class="tuichu" style="margin-top: 100rpx; width: 95%; padding: 20rpx 0; background-color: #FFFFFF;">退出登陆</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				maps:{
					"账号管理":['个人资料','收货地址'],
					"关于":['关于商城','意见反馈','协议规则','自治证件','用户协议','隐私政策']
				}
			}
		},
		methods: {
			click(item){
				switch (item){
					case "个人资料":
					uni.redirectTo({
						url:"../real-auth/real-auth"
					})
						break;
					case "收货地址":
						uni.redirectTo({
							url:"../take-address/take-address"
						})
						break;
					default:
						break;
				}
			}
		}
	}
</script>

<style>
	page{
			background-color: #F1F1F1;
	}
	.tuichu{
		margin-left: 50%;
		transform: translateX(-50%);
		text-align: center;
		font-size: 30rpx;
		font-weight: 600;
	}
</style>
